<!DOCTYPE html>

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>PIE Position After Window Resize</title>

    <meta name="robots" content="noindex, nofollow" />

    <style type="text/css" media="screen">
        #wrapper {
            width: 700px;
            margin: 20px auto;
        }

        #test,
        #control {
            border: 10px solid #000;
            -moz-border-radius: 5px; /* FF1+ */
            -webkit-border-radius: 5px; /* Saf3+, Chrome */
            -khtml-border-radius: 5px; /* Konqueror */
            border-radius: 5px; /* Standard. IE9 */
            margin: 10px;
            padding:10px;
        }

        #test {
            behavior: url(../build/PIE.htc);
            border-color: red;
        }

        #control {
            border-color: green;
        }

    </style>
</head>
<body>
    <h1>PIE Position After Window Resize</h1>

    <p>Resize Window.</p>

    <h2 id="expected-behavior">Expected Behavior</h2>

    <p>Borders should update position with box.</p>

    <div id="wrapper">
        <div id="test">
            PIE.
        </div><!--/test-->

        <div id="control">
            No PIE.
        </div><!--/test-->
    </div><!--/wrapper-->
</body>
</html>